<div class="modal-header">
	<button type="button" class="close" data-dismiss="modal" ng-click="cancle()">&times;</button>
	<p class="modal-title panel-title-size">虚机克隆</p>
</div>
<div class="modal-body panel-body">
	<form class="form-horizontal form-validation" name="addCabinetForm">
		<div class="form-group">
			<div class="col-lg-6">
				<label class="control-label">虚机名称：</label>
				<div class="control-input">
					<input class="form-control" name="name" placeholder="虚机名称" ng-model="addData.name" validator="required,name" maxlength="64" type="text" />
				</div>
			</div>
		</div>
		<div class="form-group">
			<div class="col-lg-12">
				<label class="col-md-3 control-label control-label2">计算资源：</label>
				<div class="col-md-9 control-input width-74"
				     style="width:calc(100% - 110px);border: 1px solid #ddd;margin: 0 5px;">
					<div class="search-content1">
						<div class="col-lg-12 margin-10" style="padding-left:10px;margin-top:12px;">
							<label class="col-lg-3 control-label control-label2"><span class="span-red">*</span>数据中心：</label>
							<div class="col-lg-9 control-input" style="width:calc(100% - 80px);padding:0;">
								<div class="region region-box" style="width:110px;"
								     ng-class="{true:'region-active'}[row.isVdcActive]" ng-click="chooseVdc(row)"
								     ng-repeat="row in vdcData">
									<span class="region-txt" ng-bind="row.name" title={{row.name}}></span>
								</div>
							</div>
						</div>
						<div class="col-lg-12 margin-10" style="padding-left: 10px;">
							<label class="col-lg-3 control-label control-label2">主机集群：</label>
							<div class="col-lg-9 control-input" style="width:calc(100% - 80px);padding:0;">
								<div class="region region-box" style="width:110px;"
								     ng-class="{true:'region-active'}[row.isClusterActive]"
								     ng-click="chooseCluster(row)" ng-repeat="row in clusterData">
									<span class="region-txt" ng-bind="row.name" title={{row.name}}></span>
								</div>
							</div>
						</div>
						<div class="col-lg-12 margin-10" style="padding-left: 10px;">
							<label class="col-lg-3 control-label control-label2"><span class="span-red">*</span>目标主机：</label>
							<div class="col-lg-9 control-input" style="width:calc(100% - 80px);padding:0;">
								<div class="region region-box" style="width:110px;"
								     ng-class="{true:'region-active'}[row.isVhostActive]" ng-click="chooseVhost(row)"
								     ng-repeat="row in vhostData">
									<span class="region-txt" ng-bind="row.name" title={{row.name}}></span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="form-group">
			<div class="col-lg-12">
				<label class="col-md-3 control-label control-label2">存储资源：</label>
				<div class="col-md-9 control-input width-74"
				     style="width:calc(100% - 110px);border: 1px solid #ddd;margin: 0 5px;">
					<div class="search-content1">
						<div class="col-lg-12 margin-10" style="padding-left:10px;margin-top:12px;">
							<label class="col-lg-3 control-label control-label2"><span class="span-red">*</span>数据存储：</label>
							<div class="col-lg-9 control-input" style="width:calc(100% - 80px);padding:0;">
								<div class="region region-box" style="width:110px;"
								     ng-class="{true:'region-active'}[row.isDatastoreActive]"
								     ng-click="chooseDatastore(row)" ng-repeat="row in datastoreData">
									<span class="region-txt" ng-bind="(row.name +'-'+ row.value + 'G')" title="{{row.name +'-'+ row.value + 'G'}}"></span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="form-group">
			<div class="col-lg-12">
				<label class="col-md-3 control-label control-label2">网络设备：</label>
				<div class="col-md-9 control-input width-74"
				     style="width:calc(100% - 110px);border: 1px solid #ddd;margin: 0 15px;">
					<div class="search-content1 vm-network">
						<div class="col-lg-12 margin-10" style="padding-left:10px;margin-top:12px;">
							<div class="region region-box region-active  vm-network-region" ng-repeat="row in selectNetworkListData">
								<span class="region-txt" ng-class="{'REMOVE':'line-through'}[row.operation]" >{{row.disLabel+' '+row.name}}</span>
								<span class="text-warning-dk" ng-if="row.operation != 'NORMAL'" >({{operationStatus[row.operation]}})</span>
								<span style="cursor: pointer">
																		<i class="fa fa-pencil" ng-if="row.operation != 'REMOVE'" ng-click="operateNetwork(row,$index)"></i>
																		<i class="fa fa-trash-o" ng-if="row.operation != 'REMOVE'" ng-click="delNetwork(row,$index)"></i>
																		<i class="fa fa-mail-reply" ng-if="row.operation == 'REMOVE'" ng-click="recoveryNetwork(row)"></i></span>
							</div>
							<div class="region region-box region-active" style="width:110px;cursor: pointer" ng-click="operateNetwork()"><i class="fa fa-plus"></i> 新增 </div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="form-group">
			<div class="col-lg-12">
				<label class="control-label">虚机描述：</label>
				<div class="control-input">
					<textarea class="form-control" name="remark" placeholder="虚机描述" ng-model="addData.remark" maxlength="256"></textarea>
				</div>
			</div>
		</div>
	</form>
</div>
<div class="modal-footer">
	<button type="submit" class="btn btn-info" validation-submit="addCabinetForm" ng-disabled="(addCabinetForm.$invalid ||isLoadingActive)" ng-click="ok()">确认</button>
	<button class="btn btn-cancel" ng-click="cancle()">取消</button>
</div>